<!-- 患者疾病诊断主页面 -->
<template>
  <div class="diagnosis-page">
    <div class="page-header">
      <h2>患者疾病诊断</h2>
      <el-button type="primary" @click="$router.push('/hospital-doctor/diagnosis/list')">
        诊断管理
      </el-button>
    </div>
    <div class="page-content">
      <el-card class="info-card">
        <h3>功能说明</h3>
        <p>本模块用于患者疾病诊断管理，包括：</p>
        <ul>
          <li>患者入院诊断</li>
          <li>主要诊断录入</li>
          <li>其他诊断记录</li>
          <li>诊断信息维护</li>
        </ul>
      </el-card>
      
      <div class="diagnosis-actions">
        <el-row :gutter="20">
          <el-col :span="8">
            <el-card class="action-card">
              <h4>入院诊断</h4>
              <p>患者入院时的初步诊断</p>
              <el-button type="primary" size="small" @click="$router.push('/hospital-doctor/diagnosis/admission')">
                录入诊断
              </el-button>
            </el-card>
          </el-col>
          <el-col :span="8">
            <el-card class="action-card">
              <h4>主要诊断</h4>
              <p>患者的主要疾病诊断</p>
              <el-button type="success" size="small" @click="$router.push('/hospital-doctor/diagnosis/primary')">
                录入诊断
              </el-button>
            </el-card>
          </el-col>
          <el-col :span="8">
            <el-card class="action-card">
              <h4>其他诊断</h4>
              <p>患者的其他疾病诊断</p>
              <el-button type="warning" size="small" @click="$router.push('/hospital-doctor/diagnosis/other')">
                录入诊断
              </el-button>
            </el-card>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script setup>
// 页面逻辑
</script>

<style scoped>
.diagnosis-page {
  padding: 20px;
}

.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e7ed;
}

.page-content {
  margin-top: 20px;
}

.info-card {
  margin-bottom: 20px;
}

.info-card h3 {
  color: #409eff;
  margin-bottom: 10px;
}

.info-card ul {
  margin-left: 20px;
}

.info-card li {
  margin-bottom: 5px;
}

.diagnosis-actions {
  margin-top: 20px;
}

.action-card {
  text-align: center;
  padding: 20px;
  border-left: 4px solid #409eff;
}

.action-card h4 {
  margin-bottom: 10px;
  font-size: 18px;
}

.action-card p {
  color: #666;
  margin-bottom: 15px;
}
</style>
